﻿<!DOCTYPE html>
<html>
  <head>
    <title>Slider 滑块</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/slider___/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/slider___/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- 底色007 (Rectangle) -->
      <div id="u4708" class="ax_default box_3" data-label="底色007">
        <img id="u4708_img" class="img " src="images/slider___/底色007_u4708.png"/>
        <!-- Unnamed () -->
        <div id="u4709" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 底色007 (Rectangle) -->
      <div id="u4710" class="ax_default box_3" data-label="底色007">
        <img id="u4710_img" class="img " src="images/slider___/底色007_u4710.png"/>
        <!-- Unnamed () -->
        <div id="u4711" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 底色 (Rectangle) -->
      <div id="u4712" class="ax_default box_3" data-label="底色">
        <img id="u4712_img" class="img " src="images/slider___/底色_u4712.png"/>
        <!-- Unnamed () -->
        <div id="u4713" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- jindu (Rectangle) -->
      <div id="u4714" class="ax_default box_3" data-label="jindu">
        <img id="u4714_img" class="img " src="images/slider___/jindu_u4714.png"/>
        <!-- Unnamed () -->
        <div id="u4715" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 滑块 (Dynamic Panel) -->
      <div id="u4716" class="ax_default" data-label="滑块">
        <div id="u4716_state0" class="panel_state" data-label="State1">
          <div id="u4716_state0_content" class="panel_state_content">

            <!-- Unnamed (Ellipse) -->
            <div id="u4717" class="ax_default ellipse">
              <img id="u4717_img" class="img " src="images/slider___/u4717.png"/>
              <!-- Unnamed () -->
              <div id="u4718" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u4716_state1" class="panel_state" data-label="State2" style="display: none; visibility: hidden;">
          <div id="u4716_state1_content" class="panel_state_content">

            <!-- Unnamed (Ellipse) -->
            <div id="u4719" class="ax_default ellipse">
              <img id="u4719_img" class="img " src="images/slider___/u4719.png"/>
              <!-- Unnamed () -->
              <div id="u4720" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 底色 (Rectangle) -->
      <div id="u4721" class="ax_default box_3" data-label="底色">
        <img id="u4721_img" class="img " src="images/slider___/底色_u4712.png"/>
        <!-- Unnamed () -->
        <div id="u4722" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- jindu (Rectangle) -->
      <div id="u4723" class="ax_default box_3" data-label="jindu">
        <img id="u4723_img" class="img " src="images/slider___/jindu_u4723.png"/>
        <!-- Unnamed () -->
        <div id="u4724" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 滑块 (Dynamic Panel) -->
      <div id="u4725" class="ax_default" data-label="滑块">
        <div id="u4725_state0" class="panel_state" data-label="State1">
          <div id="u4725_state0_content" class="panel_state_content">

            <!-- Unnamed (Ellipse) -->
            <div id="u4726" class="ax_default ellipse">
              <img id="u4726_img" class="img " src="images/slider___/u4717.png"/>
              <!-- Unnamed () -->
              <div id="u4727" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u4725_state1" class="panel_state" data-label="State2" style="display: none; visibility: hidden;">
          <div id="u4725_state1_content" class="panel_state_content">

            <!-- Unnamed (Ellipse) -->
            <div id="u4728" class="ax_default ellipse">
              <img id="u4728_img" class="img " src="images/slider___/u4719.png"/>
              <!-- Unnamed () -->
              <div id="u4729" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 数值 (Speech Bubble) -->
      <div id="u4730" class="ax_default box_3 ax_default_hidden" data-label="数值" style="display: none; visibility: hidden">
        <img id="u4730_img" class="img " src="images/slider___/数值_u4730.png"/>
        <!-- Unnamed () -->
        <div id="u4731" class="text" style="visibility: visible;">
          <p><span>23</span></p>
        </div>
      </div>

      <!-- 底色 (Rectangle) -->
      <div id="u4732" class="ax_default box_3" data-label="底色">
        <img id="u4732_img" class="img " src="images/slider___/底色_u4712.png"/>
        <!-- Unnamed () -->
        <div id="u4733" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- jindu (Rectangle) -->
      <div id="u4734" class="ax_default box_3" data-label="jindu">
        <img id="u4734_img" class="img " src="images/slider___/jindu_u4714.png"/>
        <!-- Unnamed () -->
        <div id="u4735" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 滑块 (Dynamic Panel) -->
      <div id="u4736" class="ax_default" data-label="滑块">
        <div id="u4736_state0" class="panel_state" data-label="State1">
          <div id="u4736_state0_content" class="panel_state_content">

            <!-- Unnamed (Ellipse) -->
            <div id="u4737" class="ax_default ellipse">
              <img id="u4737_img" class="img " src="images/slider___/u4717.png"/>
              <!-- Unnamed () -->
              <div id="u4738" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u4736_state1" class="panel_state" data-label="State2" style="display: none; visibility: hidden;">
          <div id="u4736_state1_content" class="panel_state_content">

            <!-- Unnamed (Ellipse) -->
            <div id="u4739" class="ax_default ellipse">
              <img id="u4739_img" class="img " src="images/slider___/u4719.png"/>
              <!-- Unnamed () -->
              <div id="u4740" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 底色 (Rectangle) -->
      <div id="u4741" class="ax_default box_3" data-label="底色">
        <img id="u4741_img" class="img " src="images/slider___/底色_u4712.png"/>
        <!-- Unnamed () -->
        <div id="u4742" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- jindu (Rectangle) -->
      <div id="u4743" class="ax_default box_3" data-label="jindu">
        <img id="u4743_img" class="img " src="images/slider___/jindu_u4714.png"/>
        <!-- Unnamed () -->
        <div id="u4744" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 滑块 (Dynamic Panel) -->
      <div id="u4745" class="ax_default" data-label="滑块">
        <div id="u4745_state0" class="panel_state" data-label="State1">
          <div id="u4745_state0_content" class="panel_state_content">

            <!-- Unnamed (Ellipse) -->
            <div id="u4746" class="ax_default ellipse">
              <img id="u4746_img" class="img " src="images/slider___/u4717.png"/>
              <!-- Unnamed () -->
              <div id="u4747" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u4745_state1" class="panel_state" data-label="State2" style="display: none; visibility: hidden;">
          <div id="u4745_state1_content" class="panel_state_content">

            <!-- Unnamed (Ellipse) -->
            <div id="u4748" class="ax_default ellipse">
              <img id="u4748_img" class="img " src="images/slider___/u4719.png"/>
              <!-- Unnamed () -->
              <div id="u4749" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 数值 (Speech Bubble) -->
      <div id="u4750" class="ax_default box_3 ax_default_hidden" data-label="数值" style="display: none; visibility: hidden">
        <img id="u4750_img" class="img " src="images/slider___/数值_u4750.png"/>
        <!-- Unnamed () -->
        <div id="u4751" class="text" style="visibility: visible;">
          <p><span>0</span></p>
        </div>
      </div>

      <!-- 底色 (Rectangle) -->
      <div id="u4752" class="ax_default box_3" data-label="底色">
        <img id="u4752_img" class="img " src="images/slider___/底色_u4712.png"/>
        <!-- Unnamed () -->
        <div id="u4753" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- jindu (Rectangle) -->
      <div id="u4754" class="ax_default box_3" data-label="jindu">
        <img id="u4754_img" class="img " src="images/slider___/jindu_u4754.png"/>
        <!-- Unnamed () -->
        <div id="u4755" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u4756" class="ax_default ellipse">
        <img id="u4756_img" class="img " src="images/slider___/u4756.png"/>
        <!-- Unnamed () -->
        <div id="u4757" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 数值 (Speech Bubble) -->
      <div id="u4758" class="ax_default box_3 ax_default_hidden" data-label="数值" style="display: none; visibility: hidden">
        <img id="u4758_img" class="img " src="images/slider___/数值_u4750.png"/>
        <!-- Unnamed () -->
        <div id="u4759" class="text" style="visibility: visible;">
          <p><span>42</span></p>
        </div>
      </div>

      <!-- 底色007 (Rectangle) -->
      <div id="u4760" class="ax_default box_3" data-label="底色007">
        <img id="u4760_img" class="img " src="images/slider___/底色_u4712.png"/>
        <!-- Unnamed () -->
        <div id="u4761" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- jindu007 (Rectangle) -->
      <div id="u4762" class="ax_default box_3" data-label="jindu007">
        <img id="u4762_img" class="img " src="images/slider___/jindu_u4714.png"/>
        <!-- Unnamed () -->
        <div id="u4763" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 滑块007 (Dynamic Panel) -->
      <div id="u4764" class="ax_default" data-label="滑块007">
        <div id="u4764_state0" class="panel_state" data-label="State1">
          <div id="u4764_state0_content" class="panel_state_content">

            <!-- Unnamed (Ellipse) -->
            <div id="u4765" class="ax_default ellipse">
              <img id="u4765_img" class="img " src="images/slider___/u4717.png"/>
              <!-- Unnamed () -->
              <div id="u4766" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u4764_state1" class="panel_state" data-label="State2" style="display: none; visibility: hidden;">
          <div id="u4764_state1_content" class="panel_state_content">

            <!-- Unnamed (Ellipse) -->
            <div id="u4767" class="ax_default ellipse">
              <img id="u4767_img" class="img " src="images/slider___/u4719.png"/>
              <!-- Unnamed () -->
              <div id="u4768" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4769" class="ax_default">

        <!-- Unnamed (Rectangle) -->
        <div id="u4770" class="ax_default box_1">
          <img id="u4770_img" class="img " src="images/slider___/u4770.png"/>
          <!-- Unnamed () -->
          <div id="u4771" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 输入框数值 (Text Field) -->
        <div id="u4772" class="ax_default text_field" data-label="输入框数值">
          <input id="u4772_input" type="text" value="0"/>
        </div>
      </div>

      <!-- 加 (Rectangle) -->
      <div id="u4773" class="ax_default box_3" data-label="加">
        <img id="u4773_img" class="img " src="images/slider___/加_u4773.png"/>
        <!-- Unnamed () -->
        <div id="u4774" class="text" style="visibility: visible;">
          <p><span>+</span></p>
        </div>
      </div>

      <!-- 减 (Rectangle) -->
      <div id="u4775" class="ax_default box_3" data-label="减">
        <img id="u4775_img" class="img " src="images/slider___/减_u4775.png"/>
        <!-- Unnamed () -->
        <div id="u4776" class="text" style="visibility: visible;">
          <p><span>-</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4777" class="ax_default">

        <!-- list (Repeater) -->
        <div id="u4778" class="ax_default" data-label="list">
          <script id="u4778_script" type="axure-repeater-template" data-label="list">

            <!-- slider-bg (Rectangle) -->
            <div id="u4779" class="ax_default box_1 u4779" data-label="slider-bg">
              <img id="u4779_img" class="img u4779_img" src="images/slider___/slider-bg_u4779.png"/>
              <!-- Unnamed () -->
              <div id="u4780" class="u4780 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-black-point (Rectangle) -->
            <div id="u4781" class="ax_default box_1 u4781" data-label="slider-black-point">
              <img id="u4781_img" class="img u4781_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4782" class="u4782 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-selected-bg (Rectangle) -->
            <div id="u4783" class="ax_default box_1 ax_default_hidden u4783" data-label="slider-selected-bg" style="display: none; visibility: hidden">
              <img id="u4783_img" class="img u4783_img" src="images/slider___/slider-selected-bg_u4783.png"/>
              <!-- Unnamed () -->
              <div id="u4784" class="u4784 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-white-point (Rectangle) -->
            <div id="u4785" class="ax_default box_1 ax_default_hidden u4785" data-label="slider-white-point" style="display: none; visibility: hidden">
              <img id="u4785_img" class="img u4785_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4786" class="u4786 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </script>
          <div id="u4778-1" class="" style="width: 100px; height: 8px;">

            <!-- slider-bg (Rectangle) -->
            <div id="u4779-1" class="ax_default box_1 u4779" data-label="slider-bg">
              <img id="u4779-1_img" class="img u4779_img" src="images/slider___/slider-bg_u4779.png"/>
              <!-- Unnamed () -->
              <div id="u4780-1" class="u4780 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-black-point (Rectangle) -->
            <div id="u4781-1" class="ax_default box_1 u4781" data-label="slider-black-point">
              <img id="u4781-1_img" class="img u4781_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4782-1" class="u4782 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-selected-bg (Rectangle) -->
            <div id="u4783-1" class="ax_default box_1 u4783" data-label="slider-selected-bg" style="display: none; visibility: hidden">
              <img id="u4783-1_img" class="img u4783_img" src="images/slider___/slider-selected-bg_u4783.png"/>
              <!-- Unnamed () -->
              <div id="u4784-1" class="u4784 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-white-point (Rectangle) -->
            <div id="u4785-1" class="ax_default box_1 u4785" data-label="slider-white-point" style="display: none; visibility: hidden">
              <img id="u4785-1_img" class="img u4785_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4786-1" class="u4786 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
          <div id="u4778-2" class="" style="width: 100px; height: 8px;">

            <!-- slider-bg (Rectangle) -->
            <div id="u4779-2" class="ax_default box_1 u4779" data-label="slider-bg">
              <img id="u4779-2_img" class="img u4779_img" src="images/slider___/slider-bg_u4779.png"/>
              <!-- Unnamed () -->
              <div id="u4780-2" class="u4780 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-black-point (Rectangle) -->
            <div id="u4781-2" class="ax_default box_1 u4781" data-label="slider-black-point">
              <img id="u4781-2_img" class="img u4781_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4782-2" class="u4782 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-selected-bg (Rectangle) -->
            <div id="u4783-2" class="ax_default box_1 u4783" data-label="slider-selected-bg" style="display: none; visibility: hidden">
              <img id="u4783-2_img" class="img u4783_img" src="images/slider___/slider-selected-bg_u4783.png"/>
              <!-- Unnamed () -->
              <div id="u4784-2" class="u4784 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-white-point (Rectangle) -->
            <div id="u4785-2" class="ax_default box_1 u4785" data-label="slider-white-point" style="display: none; visibility: hidden">
              <img id="u4785-2_img" class="img u4785_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4786-2" class="u4786 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
          <div id="u4778-3" class="" style="width: 100px; height: 8px;">

            <!-- slider-bg (Rectangle) -->
            <div id="u4779-3" class="ax_default box_1 u4779" data-label="slider-bg">
              <img id="u4779-3_img" class="img u4779_img" src="images/slider___/slider-bg_u4779.png"/>
              <!-- Unnamed () -->
              <div id="u4780-3" class="u4780 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-black-point (Rectangle) -->
            <div id="u4781-3" class="ax_default box_1 u4781" data-label="slider-black-point">
              <img id="u4781-3_img" class="img u4781_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4782-3" class="u4782 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-selected-bg (Rectangle) -->
            <div id="u4783-3" class="ax_default box_1 u4783" data-label="slider-selected-bg" style="display: none; visibility: hidden">
              <img id="u4783-3_img" class="img u4783_img" src="images/slider___/slider-selected-bg_u4783.png"/>
              <!-- Unnamed () -->
              <div id="u4784-3" class="u4784 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-white-point (Rectangle) -->
            <div id="u4785-3" class="ax_default box_1 u4785" data-label="slider-white-point" style="display: none; visibility: hidden">
              <img id="u4785-3_img" class="img u4785_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4786-3" class="u4786 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
          <div id="u4778-4" class="" style="width: 100px; height: 8px;">

            <!-- slider-bg (Rectangle) -->
            <div id="u4779-4" class="ax_default box_1 u4779" data-label="slider-bg">
              <img id="u4779-4_img" class="img u4779_img" src="images/slider___/slider-bg_u4779.png"/>
              <!-- Unnamed () -->
              <div id="u4780-4" class="u4780 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-black-point (Rectangle) -->
            <div id="u4781-4" class="ax_default box_1 u4781" data-label="slider-black-point">
              <img id="u4781-4_img" class="img u4781_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4782-4" class="u4782 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-selected-bg (Rectangle) -->
            <div id="u4783-4" class="ax_default box_1 u4783" data-label="slider-selected-bg" style="display: none; visibility: hidden">
              <img id="u4783-4_img" class="img u4783_img" src="images/slider___/slider-selected-bg_u4783.png"/>
              <!-- Unnamed () -->
              <div id="u4784-4" class="u4784 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-white-point (Rectangle) -->
            <div id="u4785-4" class="ax_default box_1 u4785" data-label="slider-white-point" style="display: none; visibility: hidden">
              <img id="u4785-4_img" class="img u4785_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4786-4" class="u4786 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
          <div id="u4778-5" class="" style="width: 100px; height: 8px;">

            <!-- slider-bg (Rectangle) -->
            <div id="u4779-5" class="ax_default box_1 u4779" data-label="slider-bg">
              <img id="u4779-5_img" class="img u4779_img" src="images/slider___/slider-bg_u4779.png"/>
              <!-- Unnamed () -->
              <div id="u4780-5" class="u4780 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-black-point (Rectangle) -->
            <div id="u4781-5" class="ax_default box_1 u4781" data-label="slider-black-point">
              <img id="u4781-5_img" class="img u4781_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4782-5" class="u4782 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-selected-bg (Rectangle) -->
            <div id="u4783-5" class="ax_default box_1 u4783" data-label="slider-selected-bg" style="display: none; visibility: hidden">
              <img id="u4783-5_img" class="img u4783_img" src="images/slider___/slider-selected-bg_u4783.png"/>
              <!-- Unnamed () -->
              <div id="u4784-5" class="u4784 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-white-point (Rectangle) -->
            <div id="u4785-5" class="ax_default box_1 u4785" data-label="slider-white-point" style="display: none; visibility: hidden">
              <img id="u4785-5_img" class="img u4785_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4786-5" class="u4786 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
          <div id="u4778-6" class="" style="width: 100px; height: 8px;">

            <!-- slider-bg (Rectangle) -->
            <div id="u4779-6" class="ax_default box_1 u4779" data-label="slider-bg">
              <img id="u4779-6_img" class="img u4779_img" src="images/slider___/slider-bg_u4779.png"/>
              <!-- Unnamed () -->
              <div id="u4780-6" class="u4780 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-black-point (Rectangle) -->
            <div id="u4781-6" class="ax_default box_1 u4781" data-label="slider-black-point">
              <img id="u4781-6_img" class="img u4781_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4782-6" class="u4782 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-selected-bg (Rectangle) -->
            <div id="u4783-6" class="ax_default box_1 u4783" data-label="slider-selected-bg" style="display: none; visibility: hidden">
              <img id="u4783-6_img" class="img u4783_img" src="images/slider___/slider-selected-bg_u4783.png"/>
              <!-- Unnamed () -->
              <div id="u4784-6" class="u4784 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-white-point (Rectangle) -->
            <div id="u4785-6" class="ax_default box_1 u4785" data-label="slider-white-point" style="display: none; visibility: hidden">
              <img id="u4785-6_img" class="img u4785_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4786-6" class="u4786 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
          <div id="u4778-7" class="" style="width: 100px; height: 8px;">

            <!-- slider-bg (Rectangle) -->
            <div id="u4779-7" class="ax_default box_1 u4779" data-label="slider-bg">
              <img id="u4779-7_img" class="img u4779_img" src="images/slider___/slider-bg_u4779.png"/>
              <!-- Unnamed () -->
              <div id="u4780-7" class="u4780 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-black-point (Rectangle) -->
            <div id="u4781-7" class="ax_default box_1 u4781" data-label="slider-black-point">
              <img id="u4781-7_img" class="img u4781_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4782-7" class="u4782 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-selected-bg (Rectangle) -->
            <div id="u4783-7" class="ax_default box_1 u4783" data-label="slider-selected-bg" style="display: none; visibility: hidden">
              <img id="u4783-7_img" class="img u4783_img" src="images/slider___/slider-selected-bg_u4783.png"/>
              <!-- Unnamed () -->
              <div id="u4784-7" class="u4784 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-white-point (Rectangle) -->
            <div id="u4785-7" class="ax_default box_1 u4785" data-label="slider-white-point" style="display: none; visibility: hidden">
              <img id="u4785-7_img" class="img u4785_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4786-7" class="u4786 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>

        <!-- total (Repeater) -->
        <div id="u4787" class="ax_default" data-label="total">
          <script id="u4787_script" type="axure-repeater-template" data-label="total">

            <!-- slider-bar (Dynamic Panel) -->
            <div id="u4788" class="ax_default u4788" data-label="slider-bar">
              <div id="u4788_state0" class="panel_state u4788_state0" data-label="State1">
                <div id="u4788_state0_content" class="panel_state_content u4788_state0_content">

                  <!-- Unnamed (Ellipse) -->
                  <div id="u4789" class="ax_default ellipse u4789">
                    <img id="u4789_img" class="img u4789_img" src="images/slider___/u4789.png"/>
                    <!-- Unnamed () -->
                    <div id="u4790" class="u4790 text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </script>
          <div id="u4787-1" class="" style="width: 12px; height: 12px;">

            <!-- slider-bar (Dynamic Panel) -->
            <div id="u4788-1" class="ax_default u4788" data-label="slider-bar">
              <div id="u4788-1_state0" class="panel_state u4788_state0" data-label="State1">
                <div id="u4788-1_state0_content" class="panel_state_content u4788_state0_content">

                  <!-- Unnamed (Ellipse) -->
                  <div id="u4789-1" class="ax_default ellipse u4789">
                    <img id="u4789-1_img" class="img u4789_img" src="images/slider___/u4789.png"/>
                    <!-- Unnamed () -->
                    <div id="u4790-1" class="u4790 text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- slider-tips (Dynamic Panel) -->
        <div id="u4791" class="ax_default ax_default_hidden" data-label="slider-tips" style="display: none; visibility: hidden">
          <div id="u4791_state0" class="panel_state" data-label="State1">
            <div id="u4791_state0_content" class="panel_state_content">

              <!-- Unnamed (Group) -->
              <div id="u4792" class="ax_default">

                <!-- Unnamed (Rectangle) -->
                <div id="u4793" class="ax_default box_1">
                  <img id="u4793_img" class="img " src="images/slider___/u4793.png"/>
                  <!-- Unnamed () -->
                  <div id="u4794" class="text" style="visibility: visible;">
                    <p><span>Tips</span></p>
                  </div>
                </div>

                <!-- Unnamed (Triangle) -->
                <div id="u4795" class="ax_default box_1">
                  <img id="u4795_img" class="img " src="images/slider___/u4795.png"/>
                  <!-- Unnamed () -->
                  <div id="u4796" class="text" style="display: none; visibility: hidden">
                    <p><span></span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 底色007 (Rectangle) -->
      <div id="u4797" class="ax_default box_3" data-label="底色007">
        <img id="u4797_img" class="img " src="images/slider___/底色007_u4797.png"/>
        <!-- Unnamed () -->
        <div id="u4798" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4799" class="ax_default">

        <!-- list (Repeater) -->
        <div id="u4800" class="ax_default" data-label="list">
          <script id="u4800_script" type="axure-repeater-template" data-label="list">

            <!-- slider-bg (Rectangle) -->
            <div id="u4801" class="ax_default box_1 u4801" data-label="slider-bg">
              <img id="u4801_img" class="img u4801_img" src="images/slider___/slider-bg_u4801.png"/>
              <!-- Unnamed () -->
              <div id="u4802" class="u4802 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-selected-bg (Rectangle) -->
            <div id="u4803" class="ax_default box_1 ax_default_hidden u4803" data-label="slider-selected-bg" style="display: none; visibility: hidden">
              <img id="u4803_img" class="img u4803_img" src="images/slider___/slider-selected-bg_u4803.png"/>
              <!-- Unnamed () -->
              <div id="u4804" class="u4804 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </script>
          <div id="u4800-1" class="preeval" style="width: 100px; height: 8px;">

            <!-- slider-bg (Rectangle) -->
            <div id="u4801-1" class="ax_default box_1 u4801" data-label="slider-bg">
              <img id="u4801-1_img" class="img u4801_img" src="images/slider___/slider-bg_u4801.png"/>
              <!-- Unnamed () -->
              <div id="u4802-1" class="u4802 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-selected-bg (Rectangle) -->
            <div id="u4803-1" class="ax_default box_1 u4803" data-label="slider-selected-bg" style="display: none; visibility: hidden">
              <img id="u4803-1_img" class="img u4803_img" src="images/slider___/slider-selected-bg_u4803.png"/>
              <!-- Unnamed () -->
              <div id="u4804-1" class="u4804 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
          <div id="u4800-2" class="preeval" style="width: 100px; height: 8px;">

            <!-- slider-bg (Rectangle) -->
            <div id="u4801-2" class="ax_default box_1 u4801" data-label="slider-bg">
              <img id="u4801-2_img" class="img u4801_img" src="images/slider___/slider-bg_u4801.png"/>
              <!-- Unnamed () -->
              <div id="u4802-2" class="u4802 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-selected-bg (Rectangle) -->
            <div id="u4803-2" class="ax_default box_1 u4803" data-label="slider-selected-bg" style="display: none; visibility: hidden">
              <img id="u4803-2_img" class="img u4803_img" src="images/slider___/slider-selected-bg_u4803.png"/>
              <!-- Unnamed () -->
              <div id="u4804-2" class="u4804 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
          <div id="u4800-3" class="preeval" style="width: 100px; height: 8px;">

            <!-- slider-bg (Rectangle) -->
            <div id="u4801-3" class="ax_default box_1 u4801" data-label="slider-bg">
              <img id="u4801-3_img" class="img u4801_img" src="images/slider___/slider-bg_u4801.png"/>
              <!-- Unnamed () -->
              <div id="u4802-3" class="u4802 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-selected-bg (Rectangle) -->
            <div id="u4803-3" class="ax_default box_1 u4803" data-label="slider-selected-bg" style="display: none; visibility: hidden">
              <img id="u4803-3_img" class="img u4803_img" src="images/slider___/slider-selected-bg_u4803.png"/>
              <!-- Unnamed () -->
              <div id="u4804-3" class="u4804 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
          <div id="u4800-4" class="preeval" style="width: 100px; height: 8px;">

            <!-- slider-bg (Rectangle) -->
            <div id="u4801-4" class="ax_default box_1 u4801" data-label="slider-bg">
              <img id="u4801-4_img" class="img u4801_img" src="images/slider___/slider-bg_u4801.png"/>
              <!-- Unnamed () -->
              <div id="u4802-4" class="u4802 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-selected-bg (Rectangle) -->
            <div id="u4803-4" class="ax_default box_1 u4803" data-label="slider-selected-bg" style="display: none; visibility: hidden">
              <img id="u4803-4_img" class="img u4803_img" src="images/slider___/slider-selected-bg_u4803.png"/>
              <!-- Unnamed () -->
              <div id="u4804-4" class="u4804 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
          <div id="u4800-5" class="preeval" style="width: 100px; height: 8px;">

            <!-- slider-bg (Rectangle) -->
            <div id="u4801-5" class="ax_default box_1 u4801" data-label="slider-bg">
              <img id="u4801-5_img" class="img u4801_img" src="images/slider___/slider-bg_u4801.png"/>
              <!-- Unnamed () -->
              <div id="u4802-5" class="u4802 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-selected-bg (Rectangle) -->
            <div id="u4803-5" class="ax_default box_1 u4803" data-label="slider-selected-bg" style="display: none; visibility: hidden">
              <img id="u4803-5_img" class="img u4803_img" src="images/slider___/slider-selected-bg_u4803.png"/>
              <!-- Unnamed () -->
              <div id="u4804-5" class="u4804 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
          <div id="u4800-6" class="preeval" style="width: 100px; height: 8px;">

            <!-- slider-bg (Rectangle) -->
            <div id="u4801-6" class="ax_default box_1 u4801" data-label="slider-bg">
              <img id="u4801-6_img" class="img u4801_img" src="images/slider___/slider-bg_u4801.png"/>
              <!-- Unnamed () -->
              <div id="u4802-6" class="u4802 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-selected-bg (Rectangle) -->
            <div id="u4803-6" class="ax_default box_1 u4803" data-label="slider-selected-bg" style="display: none; visibility: hidden">
              <img id="u4803-6_img" class="img u4803_img" src="images/slider___/slider-selected-bg_u4803.png"/>
              <!-- Unnamed () -->
              <div id="u4804-6" class="u4804 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
          <div id="u4800-7" class="preeval" style="width: 100px; height: 8px;">

            <!-- slider-bg (Rectangle) -->
            <div id="u4801-7" class="ax_default box_1 u4801" data-label="slider-bg">
              <img id="u4801-7_img" class="img u4801_img" src="images/slider___/slider-bg_u4801.png"/>
              <!-- Unnamed () -->
              <div id="u4802-7" class="u4802 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-selected-bg (Rectangle) -->
            <div id="u4803-7" class="ax_default box_1 u4803" data-label="slider-selected-bg" style="display: none; visibility: hidden">
              <img id="u4803-7_img" class="img u4803_img" src="images/slider___/slider-selected-bg_u4803.png"/>
              <!-- Unnamed () -->
              <div id="u4804-7" class="u4804 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>

        <!-- total (Repeater) -->
        <div id="u4805" class="ax_default" data-label="total">
          <script id="u4805_script" type="axure-repeater-template" data-label="total">

            <!-- slider-bar (Dynamic Panel) -->
            <div id="u4806" class="ax_default u4806" data-label="slider-bar">
              <div id="u4806_state0" class="panel_state u4806_state0" data-label="State1">
                <div id="u4806_state0_content" class="panel_state_content u4806_state0_content">

                  <!-- Unnamed (Ellipse) -->
                  <div id="u4807" class="ax_default ellipse u4807">
                    <img id="u4807_img" class="img u4807_img" src="images/slider___/u4789.png"/>
                    <!-- Unnamed () -->
                    <div id="u4808" class="u4808 text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </script>
          <div id="u4805-1" class="" style="width: 12px; height: 12px;">

            <!-- slider-bar (Dynamic Panel) -->
            <div id="u4806-1" class="ax_default u4806" data-label="slider-bar">
              <div id="u4806-1_state0" class="panel_state u4806_state0" data-label="State1">
                <div id="u4806-1_state0_content" class="panel_state_content u4806_state0_content">

                  <!-- Unnamed (Ellipse) -->
                  <div id="u4807-1" class="ax_default ellipse u4807">
                    <img id="u4807-1_img" class="img u4807_img" src="images/slider___/u4789.png"/>
                    <!-- Unnamed () -->
                    <div id="u4808-1" class="u4808 text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- slider-tips (Dynamic Panel) -->
        <div id="u4809" class="ax_default ax_default_hidden" data-label="slider-tips" style="display: none; visibility: hidden">
          <div id="u4809_state0" class="panel_state" data-label="State1">
            <div id="u4809_state0_content" class="panel_state_content">

              <!-- Unnamed (Group) -->
              <div id="u4810" class="ax_default">

                <!-- Unnamed (Rectangle) -->
                <div id="u4811" class="ax_default box_1">
                  <img id="u4811_img" class="img " src="images/slider___/u4793.png"/>
                  <!-- Unnamed () -->
                  <div id="u4812" class="text" style="visibility: visible;">
                    <p><span>Tips</span></p>
                  </div>
                </div>

                <!-- Unnamed (Triangle) -->
                <div id="u4813" class="ax_default box_1">
                  <img id="u4813_img" class="img " src="images/slider___/u4795.png"/>
                  <!-- Unnamed () -->
                  <div id="u4814" class="text" style="display: none; visibility: hidden">
                    <p><span></span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4815" class="ax_default">

        <!-- slider-selected-bg (Rectangle) -->
        <div id="u4816" class="ax_default box_1" data-label="slider-selected-bg">
          <img id="u4816_img" class="img " src="images/slider___/slider-selected-bg_u4803.png"/>
          <!-- Unnamed () -->
          <div id="u4817" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- list (Repeater) -->
        <div id="u4818" class="ax_default" data-label="list">
          <script id="u4818_script" type="axure-repeater-template" data-label="list">

            <!-- slider-black-point (Rectangle) -->
            <div id="u4819" class="ax_default box_1 u4819" data-label="slider-black-point">
              <img id="u4819_img" class="img u4819_img" src="images/slider___/slider-black-point_u4819.png"/>
              <!-- Unnamed () -->
              <div id="u4820" class="u4820 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-white-point (Rectangle) -->
            <div id="u4821" class="ax_default box_1 ax_default_hidden u4821" data-label="slider-white-point" style="display: none; visibility: hidden">
              <img id="u4821_img" class="img u4821_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4822" class="u4822 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-label (Rectangle) -->
            <div id="u4823" class="ax_default label u4823" data-label="slider-label">
              <img id="u4823_img" class="img u4823_img" src="images/slider___/slider-label_u4823.png"/>
              <!-- Unnamed () -->
              <div id="u4824" class="u4824 text" style="visibility: visible;">
                <p><span>100</span></p>
              </div>
            </div>

            <!-- slider-tips (Group) -->
            <div id="u4825" class="ax_default ax_default_hidden u4825" data-label="slider-tips" style="display: none; visibility: hidden">

              <!-- Unnamed (Rectangle) -->
              <div id="u4826" class="ax_default box_1 u4826">
                <img id="u4826_img" class="img u4826_img" src="images/slider___/u4826.png"/>
                <!-- Unnamed () -->
                <div id="u4827" class="u4827 text" style="visibility: visible;">
                  <p><span>Tips</span></p>
                </div>
              </div>

              <!-- Unnamed (Triangle) -->
              <div id="u4828" class="ax_default box_1 u4828">
                <img id="u4828_img" class="img u4828_img" src="images/slider___/u4828.png"/>
                <!-- Unnamed () -->
                <div id="u4829" class="u4829 text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </script>
          <div id="u4818-1" class="preeval" style="width: 100px; height: 83px;">

            <!-- slider-black-point (Rectangle) -->
            <div id="u4819-1" class="ax_default box_1 u4819" data-label="slider-black-point">
              <img id="u4819-1_img" class="img u4819_img" src="images/slider___/slider-black-point_u4819.png"/>
              <!-- Unnamed () -->
              <div id="u4820-1" class="u4820 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-white-point (Rectangle) -->
            <div id="u4821-1" class="ax_default box_1 u4821" data-label="slider-white-point" style="display: none; visibility: hidden">
              <img id="u4821-1_img" class="img u4821_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4822-1" class="u4822 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-label (Rectangle) -->
            <div id="u4823-1" class="ax_default label u4823" data-label="slider-label">
              <img id="u4823-1_img" class="img u4823_img" src="images/slider___/slider-label_u4823-a.png"/>
              <!-- Unnamed () -->
              <div id="u4824-1" class="u4824 text" style="visibility: visible;">
                <p><span>10</span></p>
              </div>
            </div>

            <!-- slider-tips (Group) -->
            <div id="u4825-1" class="ax_default u4825" data-label="slider-tips" style="display: none; visibility: hidden">

              <!-- Unnamed (Rectangle) -->
              <div id="u4826-1" class="ax_default box_1 u4826">
                <img id="u4826-1_img" class="img u4826_img" src="images/slider___/u4826.png"/>
                <!-- Unnamed () -->
                <div id="u4827-1" class="u4827 text" style="visibility: visible;">
                  <p><span>Tips</span></p>
                </div>
              </div>

              <!-- Unnamed (Triangle) -->
              <div id="u4828-1" class="ax_default box_1 u4828">
                <img id="u4828-1_img" class="img u4828_img" src="images/slider___/u4828.png"/>
                <!-- Unnamed () -->
                <div id="u4829-1" class="u4829 text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
          <div id="u4818-2" class="preeval" style="width: 100px; height: 83px;">

            <!-- slider-black-point (Rectangle) -->
            <div id="u4819-2" class="ax_default box_1 u4819" data-label="slider-black-point">
              <img id="u4819-2_img" class="img u4819_img" src="images/slider___/slider-black-point_u4819.png"/>
              <!-- Unnamed () -->
              <div id="u4820-2" class="u4820 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-white-point (Rectangle) -->
            <div id="u4821-2" class="ax_default box_1 u4821" data-label="slider-white-point" style="display: none; visibility: hidden">
              <img id="u4821-2_img" class="img u4821_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4822-2" class="u4822 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-label (Rectangle) -->
            <div id="u4823-2" class="ax_default label u4823" data-label="slider-label">
              <img id="u4823-2_img" class="img u4823_img" src="images/slider___/slider-label_u4823-a.png"/>
              <!-- Unnamed () -->
              <div id="u4824-2" class="u4824 text" style="visibility: visible;">
                <p><span>20</span></p>
              </div>
            </div>

            <!-- slider-tips (Group) -->
            <div id="u4825-2" class="ax_default u4825" data-label="slider-tips" style="display: none; visibility: hidden">

              <!-- Unnamed (Rectangle) -->
              <div id="u4826-2" class="ax_default box_1 u4826">
                <img id="u4826-2_img" class="img u4826_img" src="images/slider___/u4826.png"/>
                <!-- Unnamed () -->
                <div id="u4827-2" class="u4827 text" style="visibility: visible;">
                  <p><span>Tips</span></p>
                </div>
              </div>

              <!-- Unnamed (Triangle) -->
              <div id="u4828-2" class="ax_default box_1 u4828">
                <img id="u4828-2_img" class="img u4828_img" src="images/slider___/u4828.png"/>
                <!-- Unnamed () -->
                <div id="u4829-2" class="u4829 text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
          <div id="u4818-3" class="preeval" style="width: 100px; height: 83px;">

            <!-- slider-black-point (Rectangle) -->
            <div id="u4819-3" class="ax_default box_1 u4819" data-label="slider-black-point">
              <img id="u4819-3_img" class="img u4819_img" src="images/slider___/slider-black-point_u4819.png"/>
              <!-- Unnamed () -->
              <div id="u4820-3" class="u4820 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-white-point (Rectangle) -->
            <div id="u4821-3" class="ax_default box_1 u4821" data-label="slider-white-point" style="display: none; visibility: hidden">
              <img id="u4821-3_img" class="img u4821_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4822-3" class="u4822 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-label (Rectangle) -->
            <div id="u4823-3" class="ax_default label u4823" data-label="slider-label">
              <img id="u4823-3_img" class="img u4823_img" src="images/slider___/slider-label_u4823-a.png"/>
              <!-- Unnamed () -->
              <div id="u4824-3" class="u4824 text" style="visibility: visible;">
                <p><span>30</span></p>
              </div>
            </div>

            <!-- slider-tips (Group) -->
            <div id="u4825-3" class="ax_default u4825" data-label="slider-tips" style="display: none; visibility: hidden">

              <!-- Unnamed (Rectangle) -->
              <div id="u4826-3" class="ax_default box_1 u4826">
                <img id="u4826-3_img" class="img u4826_img" src="images/slider___/u4826.png"/>
                <!-- Unnamed () -->
                <div id="u4827-3" class="u4827 text" style="visibility: visible;">
                  <p><span>Tips</span></p>
                </div>
              </div>

              <!-- Unnamed (Triangle) -->
              <div id="u4828-3" class="ax_default box_1 u4828">
                <img id="u4828-3_img" class="img u4828_img" src="images/slider___/u4828.png"/>
                <!-- Unnamed () -->
                <div id="u4829-3" class="u4829 text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
          <div id="u4818-4" class="preeval" style="width: 100px; height: 83px;">

            <!-- slider-black-point (Rectangle) -->
            <div id="u4819-4" class="ax_default box_1 u4819" data-label="slider-black-point">
              <img id="u4819-4_img" class="img u4819_img" src="images/slider___/slider-black-point_u4819.png"/>
              <!-- Unnamed () -->
              <div id="u4820-4" class="u4820 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-white-point (Rectangle) -->
            <div id="u4821-4" class="ax_default box_1 u4821" data-label="slider-white-point" style="display: none; visibility: hidden">
              <img id="u4821-4_img" class="img u4821_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4822-4" class="u4822 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-label (Rectangle) -->
            <div id="u4823-4" class="ax_default label u4823" data-label="slider-label">
              <img id="u4823-4_img" class="img u4823_img" src="images/slider___/slider-label_u4823-a.png"/>
              <!-- Unnamed () -->
              <div id="u4824-4" class="u4824 text" style="visibility: visible;">
                <p><span>40</span></p>
              </div>
            </div>

            <!-- slider-tips (Group) -->
            <div id="u4825-4" class="ax_default u4825" data-label="slider-tips" style="display: none; visibility: hidden">

              <!-- Unnamed (Rectangle) -->
              <div id="u4826-4" class="ax_default box_1 u4826">
                <img id="u4826-4_img" class="img u4826_img" src="images/slider___/u4826.png"/>
                <!-- Unnamed () -->
                <div id="u4827-4" class="u4827 text" style="visibility: visible;">
                  <p><span>Tips</span></p>
                </div>
              </div>

              <!-- Unnamed (Triangle) -->
              <div id="u4828-4" class="ax_default box_1 u4828">
                <img id="u4828-4_img" class="img u4828_img" src="images/slider___/u4828.png"/>
                <!-- Unnamed () -->
                <div id="u4829-4" class="u4829 text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
          <div id="u4818-5" class="preeval" style="width: 100px; height: 83px;">

            <!-- slider-black-point (Rectangle) -->
            <div id="u4819-5" class="ax_default box_1 u4819" data-label="slider-black-point">
              <img id="u4819-5_img" class="img u4819_img" src="images/slider___/slider-black-point_u4819.png"/>
              <!-- Unnamed () -->
              <div id="u4820-5" class="u4820 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-white-point (Rectangle) -->
            <div id="u4821-5" class="ax_default box_1 u4821" data-label="slider-white-point" style="display: none; visibility: hidden">
              <img id="u4821-5_img" class="img u4821_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4822-5" class="u4822 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-label (Rectangle) -->
            <div id="u4823-5" class="ax_default label u4823" data-label="slider-label">
              <img id="u4823-5_img" class="img u4823_img" src="images/slider___/slider-label_u4823-a.png"/>
              <!-- Unnamed () -->
              <div id="u4824-5" class="u4824 text" style="visibility: visible;">
                <p><span>50</span></p>
              </div>
            </div>

            <!-- slider-tips (Group) -->
            <div id="u4825-5" class="ax_default u4825" data-label="slider-tips" style="display: none; visibility: hidden">

              <!-- Unnamed (Rectangle) -->
              <div id="u4826-5" class="ax_default box_1 u4826">
                <img id="u4826-5_img" class="img u4826_img" src="images/slider___/u4826.png"/>
                <!-- Unnamed () -->
                <div id="u4827-5" class="u4827 text" style="visibility: visible;">
                  <p><span>Tips</span></p>
                </div>
              </div>

              <!-- Unnamed (Triangle) -->
              <div id="u4828-5" class="ax_default box_1 u4828">
                <img id="u4828-5_img" class="img u4828_img" src="images/slider___/u4828.png"/>
                <!-- Unnamed () -->
                <div id="u4829-5" class="u4829 text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
          <div id="u4818-6" class="preeval" style="width: 100px; height: 83px;">

            <!-- slider-black-point (Rectangle) -->
            <div id="u4819-6" class="ax_default box_1 u4819" data-label="slider-black-point">
              <img id="u4819-6_img" class="img u4819_img" src="images/slider___/slider-black-point_u4819.png"/>
              <!-- Unnamed () -->
              <div id="u4820-6" class="u4820 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-white-point (Rectangle) -->
            <div id="u4821-6" class="ax_default box_1 u4821" data-label="slider-white-point" style="display: none; visibility: hidden">
              <img id="u4821-6_img" class="img u4821_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4822-6" class="u4822 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-label (Rectangle) -->
            <div id="u4823-6" class="ax_default label u4823" data-label="slider-label">
              <img id="u4823-6_img" class="img u4823_img" src="images/slider___/slider-label_u4823-a.png"/>
              <!-- Unnamed () -->
              <div id="u4824-6" class="u4824 text" style="visibility: visible;">
                <p><span>60</span></p>
              </div>
            </div>

            <!-- slider-tips (Group) -->
            <div id="u4825-6" class="ax_default u4825" data-label="slider-tips" style="display: none; visibility: hidden">

              <!-- Unnamed (Rectangle) -->
              <div id="u4826-6" class="ax_default box_1 u4826">
                <img id="u4826-6_img" class="img u4826_img" src="images/slider___/u4826.png"/>
                <!-- Unnamed () -->
                <div id="u4827-6" class="u4827 text" style="visibility: visible;">
                  <p><span>Tips</span></p>
                </div>
              </div>

              <!-- Unnamed (Triangle) -->
              <div id="u4828-6" class="ax_default box_1 u4828">
                <img id="u4828-6_img" class="img u4828_img" src="images/slider___/u4828.png"/>
                <!-- Unnamed () -->
                <div id="u4829-6" class="u4829 text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
          <div id="u4818-7" class="preeval" style="width: 100px; height: 83px;">

            <!-- slider-black-point (Rectangle) -->
            <div id="u4819-7" class="ax_default box_1 u4819" data-label="slider-black-point">
              <img id="u4819-7_img" class="img u4819_img" src="images/slider___/slider-black-point_u4819.png"/>
              <!-- Unnamed () -->
              <div id="u4820-7" class="u4820 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-white-point (Rectangle) -->
            <div id="u4821-7" class="ax_default box_1 u4821" data-label="slider-white-point" style="display: none; visibility: hidden">
              <img id="u4821-7_img" class="img u4821_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4822-7" class="u4822 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-label (Rectangle) -->
            <div id="u4823-7" class="ax_default label u4823" data-label="slider-label">
              <img id="u4823-7_img" class="img u4823_img" src="images/slider___/slider-label_u4823-a.png"/>
              <!-- Unnamed () -->
              <div id="u4824-7" class="u4824 text" style="visibility: visible;">
                <p><span>70</span></p>
              </div>
            </div>

            <!-- slider-tips (Group) -->
            <div id="u4825-7" class="ax_default u4825" data-label="slider-tips" style="display: none; visibility: hidden">

              <!-- Unnamed (Rectangle) -->
              <div id="u4826-7" class="ax_default box_1 u4826">
                <img id="u4826-7_img" class="img u4826_img" src="images/slider___/u4826.png"/>
                <!-- Unnamed () -->
                <div id="u4827-7" class="u4827 text" style="visibility: visible;">
                  <p><span>Tips</span></p>
                </div>
              </div>

              <!-- Unnamed (Triangle) -->
              <div id="u4828-7" class="ax_default box_1 u4828">
                <img id="u4828-7_img" class="img u4828_img" src="images/slider___/u4828.png"/>
                <!-- Unnamed () -->
                <div id="u4829-7" class="u4829 text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- total (Repeater) -->
        <div id="u4830" class="ax_default" data-label="total">
          <script id="u4830_script" type="axure-repeater-template" data-label="total">

            <!-- slider-bar-max (Dynamic Panel) -->
            <div id="u4831" class="ax_default u4831" data-label="slider-bar-max">
              <div id="u4831_state0" class="panel_state u4831_state0" data-label="State1">
                <div id="u4831_state0_content" class="panel_state_content u4831_state0_content">

                  <!-- Unnamed (Ellipse) -->
                  <div id="u4832" class="ax_default ellipse u4832">
                    <img id="u4832_img" class="img u4832_img" src="images/slider___/u4832.png"/>
                    <!-- Unnamed () -->
                    <div id="u4833" class="u4833 text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- slider-bar-min (Dynamic Panel) -->
            <div id="u4834" class="ax_default u4834" data-label="slider-bar-min">
              <div id="u4834_state0" class="panel_state u4834_state0" data-label="State1">
                <div id="u4834_state0_content" class="panel_state_content u4834_state0_content">

                  <!-- Unnamed (Ellipse) -->
                  <div id="u4835" class="ax_default ellipse u4835">
                    <img id="u4835_img" class="img u4835_img" src="images/slider___/u4832.png"/>
                    <!-- Unnamed () -->
                    <div id="u4836" class="u4836 text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </script>
          <div id="u4830-1" class="" style="width: 48px; height: 24px;">

            <!-- slider-bar-max (Dynamic Panel) -->
            <div id="u4831-1" class="ax_default u4831" data-label="slider-bar-max">
              <div id="u4831-1_state0" class="panel_state u4831_state0" data-label="State1">
                <div id="u4831-1_state0_content" class="panel_state_content u4831_state0_content">

                  <!-- Unnamed (Ellipse) -->
                  <div id="u4832-1" class="ax_default ellipse u4832">
                    <img id="u4832-1_img" class="img u4832_img" src="images/slider___/u4832.png"/>
                    <!-- Unnamed () -->
                    <div id="u4833-1" class="u4833 text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- slider-bar-min (Dynamic Panel) -->
            <div id="u4834-1" class="ax_default u4834" data-label="slider-bar-min">
              <div id="u4834-1_state0" class="panel_state u4834_state0" data-label="State1">
                <div id="u4834-1_state0_content" class="panel_state_content u4834_state0_content">

                  <!-- Unnamed (Ellipse) -->
                  <div id="u4835-1" class="ax_default ellipse u4835">
                    <img id="u4835-1_img" class="img u4835_img" src="images/slider___/u4832.png"/>
                    <!-- Unnamed () -->
                    <div id="u4836-1" class="u4836 text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 底色007 (Rectangle) -->
      <div id="u4837" class="ax_default box_3" data-label="底色007">
        <img id="u4837_img" class="img " src="images/slider___/底色007_u4708.png"/>
        <!-- Unnamed () -->
        <div id="u4838" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 底色 (Rectangle) -->
      <div id="u4839" class="ax_default box_3" data-label="底色">
        <img id="u4839_img" class="img " src="images/slider___/底色_u4839.png"/>
        <!-- Unnamed () -->
        <div id="u4840" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- jindu (Rectangle) -->
      <div id="u4841" class="ax_default box_3" data-label="jindu">
        <img id="u4841_img" class="img " src="images/slider___/jindu_u4841.png"/>
        <!-- Unnamed () -->
        <div id="u4842" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 滑块 (Dynamic Panel) -->
      <div id="u4843" class="ax_default" data-label="滑块">
        <div id="u4843_state0" class="panel_state" data-label="State1">
          <div id="u4843_state0_content" class="panel_state_content">

            <!-- Unnamed (Ellipse) -->
            <div id="u4844" class="ax_default ellipse">
              <img id="u4844_img" class="img " src="images/slider___/u4717.png"/>
              <!-- Unnamed () -->
              <div id="u4845" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u4843_state1" class="panel_state" data-label="State2" style="display: none; visibility: hidden;">
          <div id="u4843_state1_content" class="panel_state_content">

            <!-- Unnamed (Ellipse) -->
            <div id="u4846" class="ax_default ellipse">
              <img id="u4846_img" class="img " src="images/slider___/u4719.png"/>
              <!-- Unnamed () -->
              <div id="u4847" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 数值 (Speech Bubble) -->
      <div id="u4848" class="ax_default box_3" data-label="数值">
        <img id="u4848_img" class="img " src="images/slider___/数值_u4848.png"/>
        <!-- Unnamed () -->
        <div id="u4849" class="text" style="visibility: visible;">
          <p><span>46</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4850" class="ax_default label">
        <img id="u4850_img" class="img " src="images/admin/一级面包屑_u233.png"/>
        <!-- Unnamed () -->
        <div id="u4851" class="text" style="visibility: visible;">
          <p><span>默认</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4852" class="ax_default label">
        <img id="u4852_img" class="img " src="images/slider___/u4852.png"/>
        <!-- Unnamed () -->
        <div id="u4853" class="text" style="visibility: visible;">
          <p><span>自定义初始值</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4854" class="ax_default label">
        <img id="u4854_img" class="img " src="images/slider___/u4854.png"/>
        <!-- Unnamed () -->
        <div id="u4855" class="text" style="visibility: visible;">
          <p><span>隐藏 Tooltip</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4856" class="ax_default label">
        <img id="u4856_img" class="img " src="images/slider___/u4856.png"/>
        <!-- Unnamed () -->
        <div id="u4857" class="text" style="visibility: visible;">
          <p><span>格式化 Tooltip</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4858" class="ax_default label">
        <img id="u4858_img" class="img " src="images/admin/一级面包屑_u233.png"/>
        <!-- Unnamed () -->
        <div id="u4859" class="text" style="visibility: visible;">
          <p><span>禁用</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4860" class="ax_default label">
        <img id="u4860_img" class="img " src="images/slider___/u4852.png"/>
        <!-- Unnamed () -->
        <div id="u4861" class="text" style="visibility: visible;">
          <p><span>不显示间断点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4862" class="ax_default label">
        <img id="u4862_img" class="img " src="images/link_文字链接/u2059.png"/>
        <!-- Unnamed () -->
        <div id="u4863" class="text" style="visibility: visible;">
          <p><span>显示间断点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4864" class="ax_default label">
        <img id="u4864_img" class="img " src="images/slider___/u4864.png"/>
        <!-- Unnamed () -->
        <div id="u4865" class="text" style="visibility: visible;">
          <p><span>带有输入框(仅加减可用)</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4866" class="ax_default label">
        <img id="u4866_img" class="img " src="images/slider___/u4852.png"/>
        <!-- Unnamed () -->
        <div id="u4867" class="text" style="visibility: visible;">
          <p><span>不显示间断点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4868" class="ax_default label">
        <img id="u4868_img" class="img " src="images/link_文字链接/u2059.png"/>
        <!-- Unnamed () -->
        <div id="u4869" class="text" style="visibility: visible;">
          <p><span>显示间断点</span></p>
        </div>
      </div>

      <!-- 底色007 (Rectangle) -->
      <div id="u4870" class="ax_default box_3" data-label="底色007">
        <img id="u4870_img" class="img " src="images/slider___/底色007_u4708.png"/>
        <!-- Unnamed () -->
        <div id="u4871" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4872" class="ax_default">

        <!-- slider-selected-bg (Rectangle) -->
        <div id="u4873" class="ax_default box_1" data-label="slider-selected-bg">
          <img id="u4873_img" class="img " src="images/slider___/slider-selected-bg_u4803.png"/>
          <!-- Unnamed () -->
          <div id="u4874" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- list (Repeater) -->
        <div id="u4875" class="ax_default" data-label="list">
          <script id="u4875_script" type="axure-repeater-template" data-label="list">

            <!-- slider-black-point (Rectangle) -->
            <div id="u4876" class="ax_default box_1 u4876" data-label="slider-black-point">
              <img id="u4876_img" class="img u4876_img" src="images/slider___/slider-black-point_u4819.png"/>
              <!-- Unnamed () -->
              <div id="u4877" class="u4877 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-white-point (Rectangle) -->
            <div id="u4878" class="ax_default box_1 ax_default_hidden u4878" data-label="slider-white-point" style="display: none; visibility: hidden">
              <img id="u4878_img" class="img u4878_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4879" class="u4879 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-label (Rectangle) -->
            <div id="u4880" class="ax_default label u4880" data-label="slider-label">
              <img id="u4880_img" class="img u4880_img" src="images/slider___/slider-label_u4823.png"/>
              <!-- Unnamed () -->
              <div id="u4881" class="u4881 text" style="visibility: visible;">
                <p><span>100</span></p>
              </div>
            </div>

            <!-- slider-tips (Group) -->
            <div id="u4882" class="ax_default ax_default_hidden u4882" data-label="slider-tips" style="display: none; visibility: hidden">

              <!-- Unnamed (Rectangle) -->
              <div id="u4883" class="ax_default box_1 u4883">
                <img id="u4883_img" class="img u4883_img" src="images/slider___/u4826.png"/>
                <!-- Unnamed () -->
                <div id="u4884" class="u4884 text" style="visibility: visible;">
                  <p><span>Tips</span></p>
                </div>
              </div>

              <!-- Unnamed (Triangle) -->
              <div id="u4885" class="ax_default box_1 u4885">
                <img id="u4885_img" class="img u4885_img" src="images/slider___/u4828.png"/>
                <!-- Unnamed () -->
                <div id="u4886" class="u4886 text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </script>
          <div id="u4875-1" class="preeval" style="width: 100px; height: 83px;">

            <!-- slider-black-point (Rectangle) -->
            <div id="u4876-1" class="ax_default box_1 u4876" data-label="slider-black-point">
              <img id="u4876-1_img" class="img u4876_img" src="images/slider___/slider-black-point_u4819.png"/>
              <!-- Unnamed () -->
              <div id="u4877-1" class="u4877 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-white-point (Rectangle) -->
            <div id="u4878-1" class="ax_default box_1 u4878" data-label="slider-white-point" style="display: none; visibility: hidden">
              <img id="u4878-1_img" class="img u4878_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4879-1" class="u4879 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-label (Rectangle) -->
            <div id="u4880-1" class="ax_default label u4880" data-label="slider-label">
              <img id="u4880-1_img" class="img u4880_img" src="images/slider___/slider-label_u4823-a.png"/>
              <!-- Unnamed () -->
              <div id="u4881-1" class="u4881 text" style="visibility: visible;">
                <p><span>10℃</span></p>
              </div>
            </div>

            <!-- slider-tips (Group) -->
            <div id="u4882-1" class="ax_default u4882" data-label="slider-tips" style="display: none; visibility: hidden">

              <!-- Unnamed (Rectangle) -->
              <div id="u4883-1" class="ax_default box_1 u4883">
                <img id="u4883-1_img" class="img u4883_img" src="images/slider___/u4826.png"/>
                <!-- Unnamed () -->
                <div id="u4884-1" class="u4884 text" style="visibility: visible;">
                  <p><span>Tips</span></p>
                </div>
              </div>

              <!-- Unnamed (Triangle) -->
              <div id="u4885-1" class="ax_default box_1 u4885">
                <img id="u4885-1_img" class="img u4885_img" src="images/slider___/u4828.png"/>
                <!-- Unnamed () -->
                <div id="u4886-1" class="u4886 text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
          <div id="u4875-2" class="preeval" style="width: 100px; height: 83px;">

            <!-- slider-black-point (Rectangle) -->
            <div id="u4876-2" class="ax_default box_1 u4876" data-label="slider-black-point">
              <img id="u4876-2_img" class="img u4876_img" src="images/slider___/slider-black-point_u4819.png"/>
              <!-- Unnamed () -->
              <div id="u4877-2" class="u4877 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-white-point (Rectangle) -->
            <div id="u4878-2" class="ax_default box_1 u4878" data-label="slider-white-point" style="display: none; visibility: hidden">
              <img id="u4878-2_img" class="img u4878_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4879-2" class="u4879 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-label (Rectangle) -->
            <div id="u4880-2" class="ax_default label u4880" data-label="slider-label">
              <img id="u4880-2_img" class="img u4880_img" src="images/slider___/slider-label_u4823-a.png"/>
              <!-- Unnamed () -->
              <div id="u4881-2" class="u4881 text" style="visibility: visible;">
                <p><span>20℃</span></p>
              </div>
            </div>

            <!-- slider-tips (Group) -->
            <div id="u4882-2" class="ax_default u4882" data-label="slider-tips" style="display: none; visibility: hidden">

              <!-- Unnamed (Rectangle) -->
              <div id="u4883-2" class="ax_default box_1 u4883">
                <img id="u4883-2_img" class="img u4883_img" src="images/slider___/u4826.png"/>
                <!-- Unnamed () -->
                <div id="u4884-2" class="u4884 text" style="visibility: visible;">
                  <p><span>Tips</span></p>
                </div>
              </div>

              <!-- Unnamed (Triangle) -->
              <div id="u4885-2" class="ax_default box_1 u4885">
                <img id="u4885-2_img" class="img u4885_img" src="images/slider___/u4828.png"/>
                <!-- Unnamed () -->
                <div id="u4886-2" class="u4886 text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
          <div id="u4875-3" class="preeval" style="width: 100px; height: 83px;">

            <!-- slider-black-point (Rectangle) -->
            <div id="u4876-3" class="ax_default box_1 u4876" data-label="slider-black-point">
              <img id="u4876-3_img" class="img u4876_img" src="images/slider___/slider-black-point_u4819.png"/>
              <!-- Unnamed () -->
              <div id="u4877-3" class="u4877 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-white-point (Rectangle) -->
            <div id="u4878-3" class="ax_default box_1 u4878" data-label="slider-white-point" style="display: none; visibility: hidden">
              <img id="u4878-3_img" class="img u4878_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4879-3" class="u4879 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-label (Rectangle) -->
            <div id="u4880-3" class="ax_default label u4880" data-label="slider-label">
              <img id="u4880-3_img" class="img u4880_img" src="images/slider___/slider-label_u4823-a.png"/>
              <!-- Unnamed () -->
              <div id="u4881-3" class="u4881 text" style="visibility: visible;">
                <p><span>30℃</span></p>
              </div>
            </div>

            <!-- slider-tips (Group) -->
            <div id="u4882-3" class="ax_default u4882" data-label="slider-tips" style="display: none; visibility: hidden">

              <!-- Unnamed (Rectangle) -->
              <div id="u4883-3" class="ax_default box_1 u4883">
                <img id="u4883-3_img" class="img u4883_img" src="images/slider___/u4826.png"/>
                <!-- Unnamed () -->
                <div id="u4884-3" class="u4884 text" style="visibility: visible;">
                  <p><span>Tips</span></p>
                </div>
              </div>

              <!-- Unnamed (Triangle) -->
              <div id="u4885-3" class="ax_default box_1 u4885">
                <img id="u4885-3_img" class="img u4885_img" src="images/slider___/u4828.png"/>
                <!-- Unnamed () -->
                <div id="u4886-3" class="u4886 text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
          <div id="u4875-4" class="preeval" style="width: 100px; height: 83px;">

            <!-- slider-black-point (Rectangle) -->
            <div id="u4876-4" class="ax_default box_1 u4876" data-label="slider-black-point">
              <img id="u4876-4_img" class="img u4876_img" src="images/slider___/slider-black-point_u4819.png"/>
              <!-- Unnamed () -->
              <div id="u4877-4" class="u4877 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-white-point (Rectangle) -->
            <div id="u4878-4" class="ax_default box_1 u4878" data-label="slider-white-point" style="display: none; visibility: hidden">
              <img id="u4878-4_img" class="img u4878_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4879-4" class="u4879 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-label (Rectangle) -->
            <div id="u4880-4" class="ax_default label u4880" data-label="slider-label">
              <img id="u4880-4_img" class="img u4880_img" src="images/slider___/slider-label_u4823-a.png"/>
              <!-- Unnamed () -->
              <div id="u4881-4" class="u4881 text" style="visibility: visible;">
                <p><span>40℃</span></p>
              </div>
            </div>

            <!-- slider-tips (Group) -->
            <div id="u4882-4" class="ax_default u4882" data-label="slider-tips" style="display: none; visibility: hidden">

              <!-- Unnamed (Rectangle) -->
              <div id="u4883-4" class="ax_default box_1 u4883">
                <img id="u4883-4_img" class="img u4883_img" src="images/slider___/u4826.png"/>
                <!-- Unnamed () -->
                <div id="u4884-4" class="u4884 text" style="visibility: visible;">
                  <p><span>Tips</span></p>
                </div>
              </div>

              <!-- Unnamed (Triangle) -->
              <div id="u4885-4" class="ax_default box_1 u4885">
                <img id="u4885-4_img" class="img u4885_img" src="images/slider___/u4828.png"/>
                <!-- Unnamed () -->
                <div id="u4886-4" class="u4886 text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
          <div id="u4875-5" class="preeval" style="width: 100px; height: 83px;">

            <!-- slider-black-point (Rectangle) -->
            <div id="u4876-5" class="ax_default box_1 u4876" data-label="slider-black-point">
              <img id="u4876-5_img" class="img u4876_img" src="images/slider___/slider-black-point_u4819.png"/>
              <!-- Unnamed () -->
              <div id="u4877-5" class="u4877 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-white-point (Rectangle) -->
            <div id="u4878-5" class="ax_default box_1 u4878" data-label="slider-white-point" style="display: none; visibility: hidden">
              <img id="u4878-5_img" class="img u4878_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4879-5" class="u4879 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-label (Rectangle) -->
            <div id="u4880-5" class="ax_default label u4880" data-label="slider-label">
              <img id="u4880-5_img" class="img u4880_img" src="images/slider___/slider-label_u4823-a.png"/>
              <!-- Unnamed () -->
              <div id="u4881-5" class="u4881 text" style="visibility: visible;">
                <p><span>50℃</span></p>
              </div>
            </div>

            <!-- slider-tips (Group) -->
            <div id="u4882-5" class="ax_default u4882" data-label="slider-tips" style="display: none; visibility: hidden">

              <!-- Unnamed (Rectangle) -->
              <div id="u4883-5" class="ax_default box_1 u4883">
                <img id="u4883-5_img" class="img u4883_img" src="images/slider___/u4826.png"/>
                <!-- Unnamed () -->
                <div id="u4884-5" class="u4884 text" style="visibility: visible;">
                  <p><span>Tips</span></p>
                </div>
              </div>

              <!-- Unnamed (Triangle) -->
              <div id="u4885-5" class="ax_default box_1 u4885">
                <img id="u4885-5_img" class="img u4885_img" src="images/slider___/u4828.png"/>
                <!-- Unnamed () -->
                <div id="u4886-5" class="u4886 text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
          <div id="u4875-6" class="preeval" style="width: 100px; height: 83px;">

            <!-- slider-black-point (Rectangle) -->
            <div id="u4876-6" class="ax_default box_1 u4876" data-label="slider-black-point">
              <img id="u4876-6_img" class="img u4876_img" src="images/slider___/slider-black-point_u4819.png"/>
              <!-- Unnamed () -->
              <div id="u4877-6" class="u4877 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-white-point (Rectangle) -->
            <div id="u4878-6" class="ax_default box_1 u4878" data-label="slider-white-point" style="display: none; visibility: hidden">
              <img id="u4878-6_img" class="img u4878_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4879-6" class="u4879 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-label (Rectangle) -->
            <div id="u4880-6" class="ax_default label u4880" data-label="slider-label">
              <img id="u4880-6_img" class="img u4880_img" src="images/slider___/slider-label_u4823-a.png"/>
              <!-- Unnamed () -->
              <div id="u4881-6" class="u4881 text" style="visibility: visible;">
                <p><span>60℃</span></p>
              </div>
            </div>

            <!-- slider-tips (Group) -->
            <div id="u4882-6" class="ax_default u4882" data-label="slider-tips" style="display: none; visibility: hidden">

              <!-- Unnamed (Rectangle) -->
              <div id="u4883-6" class="ax_default box_1 u4883">
                <img id="u4883-6_img" class="img u4883_img" src="images/slider___/u4826.png"/>
                <!-- Unnamed () -->
                <div id="u4884-6" class="u4884 text" style="visibility: visible;">
                  <p><span>Tips</span></p>
                </div>
              </div>

              <!-- Unnamed (Triangle) -->
              <div id="u4885-6" class="ax_default box_1 u4885">
                <img id="u4885-6_img" class="img u4885_img" src="images/slider___/u4828.png"/>
                <!-- Unnamed () -->
                <div id="u4886-6" class="u4886 text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
          <div id="u4875-7" class="preeval" style="width: 100px; height: 83px;">

            <!-- slider-black-point (Rectangle) -->
            <div id="u4876-7" class="ax_default box_1 u4876" data-label="slider-black-point">
              <img id="u4876-7_img" class="img u4876_img" src="images/slider___/slider-black-point_u4819.png"/>
              <!-- Unnamed () -->
              <div id="u4877-7" class="u4877 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-white-point (Rectangle) -->
            <div id="u4878-7" class="ax_default box_1 u4878" data-label="slider-white-point" style="display: none; visibility: hidden">
              <img id="u4878-7_img" class="img u4878_img" src="images/slider___/slider-black-point_u4781.png"/>
              <!-- Unnamed () -->
              <div id="u4879-7" class="u4879 text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- slider-label (Rectangle) -->
            <div id="u4880-7" class="ax_default label u4880" data-label="slider-label">
              <img id="u4880-7_img" class="img u4880_img" src="images/slider___/slider-label_u4823-a.png"/>
              <!-- Unnamed () -->
              <div id="u4881-7" class="u4881 text" style="visibility: visible;">
                <p><span>70℃</span></p>
              </div>
            </div>

            <!-- slider-tips (Group) -->
            <div id="u4882-7" class="ax_default u4882" data-label="slider-tips" style="display: none; visibility: hidden">

              <!-- Unnamed (Rectangle) -->
              <div id="u4883-7" class="ax_default box_1 u4883">
                <img id="u4883-7_img" class="img u4883_img" src="images/slider___/u4826.png"/>
                <!-- Unnamed () -->
                <div id="u4884-7" class="u4884 text" style="visibility: visible;">
                  <p><span>Tips</span></p>
                </div>
              </div>

              <!-- Unnamed (Triangle) -->
              <div id="u4885-7" class="ax_default box_1 u4885">
                <img id="u4885-7_img" class="img u4885_img" src="images/slider___/u4828.png"/>
                <!-- Unnamed () -->
                <div id="u4886-7" class="u4886 text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- total (Repeater) -->
        <div id="u4887" class="ax_default" data-label="total">
          <script id="u4887_script" type="axure-repeater-template" data-label="total">

            <!-- slider-bar-max (Dynamic Panel) -->
            <div id="u4888" class="ax_default u4888" data-label="slider-bar-max">
              <div id="u4888_state0" class="panel_state u4888_state0" data-label="State1">
                <div id="u4888_state0_content" class="panel_state_content u4888_state0_content">

                  <!-- Unnamed (Ellipse) -->
                  <div id="u4889" class="ax_default ellipse u4889">
                    <img id="u4889_img" class="img u4889_img" src="images/slider___/u4832.png"/>
                    <!-- Unnamed () -->
                    <div id="u4890" class="u4890 text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- slider-bar-min (Dynamic Panel) -->
            <div id="u4891" class="ax_default u4891" data-label="slider-bar-min">
              <div id="u4891_state0" class="panel_state u4891_state0" data-label="State1">
                <div id="u4891_state0_content" class="panel_state_content u4891_state0_content">

                  <!-- Unnamed (Ellipse) -->
                  <div id="u4892" class="ax_default ellipse u4892">
                    <img id="u4892_img" class="img u4892_img" src="images/slider___/u4832.png"/>
                    <!-- Unnamed () -->
                    <div id="u4893" class="u4893 text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </script>
          <div id="u4887-1" class="" style="width: 48px; height: 24px;">

            <!-- slider-bar-max (Dynamic Panel) -->
            <div id="u4888-1" class="ax_default u4888" data-label="slider-bar-max">
              <div id="u4888-1_state0" class="panel_state u4888_state0" data-label="State1">
                <div id="u4888-1_state0_content" class="panel_state_content u4888_state0_content">

                  <!-- Unnamed (Ellipse) -->
                  <div id="u4889-1" class="ax_default ellipse u4889">
                    <img id="u4889-1_img" class="img u4889_img" src="images/slider___/u4832.png"/>
                    <!-- Unnamed () -->
                    <div id="u4890-1" class="u4890 text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- slider-bar-min (Dynamic Panel) -->
            <div id="u4891-1" class="ax_default u4891" data-label="slider-bar-min">
              <div id="u4891-1_state0" class="panel_state u4891_state0" data-label="State1">
                <div id="u4891-1_state0_content" class="panel_state_content u4891_state0_content">

                  <!-- Unnamed (Ellipse) -->
                  <div id="u4892-1" class="ax_default ellipse u4892">
                    <img id="u4892-1_img" class="img u4892_img" src="images/slider___/u4832.png"/>
                    <!-- Unnamed () -->
                    <div id="u4893-1" class="u4893 text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4894" class="ax_default label">
        <img id="u4894_img" class="img " src="images/slider___/u4894.png"/>
        <!-- Unnamed () -->
        <div id="u4895" class="text" style="visibility: visible;">
          <p><span>Slider 滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4896" class="ax_default label">
        <img id="u4896_img" class="img " src="images/radio_单选框/u2295.png"/>
        <!-- Unnamed () -->
        <div id="u4897" class="text" style="visibility: visible;">
          <p><span>通过拖动滑块在一个固定区间内进行选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4898" class="ax_default label">
        <img id="u4898_img" class="img " src="images/icon_图标/u486.png"/>
        <!-- Unnamed () -->
        <div id="u4899" class="text" style="visibility: visible;">
          <p><span>基础用法</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4900" class="ax_default label">
        <img id="u4900_img" class="img " src="images/button___/u1854.png"/>
        <!-- Unnamed () -->
        <div id="u4901" class="text" style="visibility: visible;">
          <p><span>在拖动滑块时，显示当前值</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4902" class="ax_default label">
        <img id="u4902_img" class="img " src="images/color___/u358.png"/>
        <!-- Unnamed () -->
        <div id="u4903" class="text" style="visibility: visible;">
          <p><span>离散值</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4904" class="ax_default label">
        <img id="u4904_img" class="img " src="images/input_输入框/u3011.png"/>
        <!-- Unnamed () -->
        <div id="u4905" class="text" style="visibility: visible;">
          <p><span>选项可以是离散的</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4906" class="ax_default label">
        <img id="u4906_img" class="img " src="images/icon_图标/u492.png"/>
        <!-- Unnamed () -->
        <div id="u4907" class="text" style="visibility: visible;">
          <p><span>带有输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4908" class="ax_default label">
        <img id="u4908_img" class="img " src="images/icon_图标/u486.png"/>
        <!-- Unnamed () -->
        <div id="u4909" class="text" style="visibility: visible;">
          <p><span>范围选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4910" class="ax_default label">
        <img id="u4910_img" class="img " src="images/link_文字链接/u2061.png"/>
        <!-- Unnamed () -->
        <div id="u4911" class="text" style="visibility: visible;">
          <p><span>支持选择某一数值范围</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4912" class="ax_default label">
        <img id="u4912_img" class="img " src="images/icon_图标/u486.png"/>
        <!-- Unnamed () -->
        <div id="u4913" class="text" style="visibility: visible;">
          <p><span>竖向模式</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4914" class="ax_default label">
        <img id="u4914_img" class="img " src="images/icon_图标/u486.png"/>
        <!-- Unnamed () -->
        <div id="u4915" class="text" style="visibility: visible;">
          <p><span>展示标记</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4916" class="ax_default box_2">
        <img id="u4916_img" class="img " src="images/color___/u352.png"/>
        <!-- Unnamed () -->
        <div id="u4917" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>
    </div>
  </body>
</html>
